const label = '问答列表'
const name = 'DkAppQuestionList'

export default {
  icon: 'tdesign:work',
  label,
  name,
  count: 1,
  rule() {
    return {
      type: name,
      props: {
        numberDesc: '人看过',
        cardStyle: {
          marginLeft: '10px',
          marginRight: '10px',
          marginTop: '10px',
          marginBottom: '10px',
          paddingLeft: '10px',
          paddingRight: '10px',
          paddingTop: '10px',
          paddingBottom: '10px',
          backgroundColor: 'rgba(255, 255, 255, 1)',
          borderRadius: '5px',
          boxShadow: '4px 4px 3px -2px #E7E5E5FF'
        },
        buttonText: '查看答案'
      },
      showStyle: true,
      children: [],
      style: {}
    }
  },
  props() {
    return [
      {
        type: 'radio',
        title: '显示内容',
        field: 'recommend',
        value: 0,
        options: [
          { label: '全部', value: 0 },
          { label: '推荐', value: 1 }
        ]
      },
      { type: 'DkUniIconsInput', field: 'icon', title: '图标', value: 'fire-filled' },
      { type: 'DkColorInput', field: 'numberColor', title: '人数颜色', value: '#F64C2E' },
      { type: 'input', title: '人数描述', field: 'numberDesc', value: '人看过' },
      { type: 'DkColorInput', field: 'buttonColor', title: '按钮颜色', value: '#F64C2E' },
      { type: 'input', field: 'buttonText', title: '按钮文字', value: '查看答案' },
      {
        type: 'switch',
        title: '启用内页',
        field: 'showContent',
        value: false,
        effect: { help: '启用后，将会改成点击按钮进入独立的内容页' }
      },
      {
        type: 'input',
        props: { type: 'textarea' },
        field: 'showAdNotice',
        title: '广告提示',
        value: '查看答案需要看广告',
        effect: { help: '抖音小程序要求查看广告的时候需要有个提示引导，不能直接显示广告，所以这边点击查看答案的时候，会有个弹窗提示语。' }
      },
      {
        type: 'DkStyleInput',
        field: 'cardStyle',
        title: '卡片样式',
        props: {
          isDrawer: true,
          drawerProps: {
            title: '卡片样式',
            size: '400px',
            zIndex: 100
          },
          hideComponents: ['DkStyleFontInput']
        },
        value: {}
      },
      {
        type: 'switch',
        title: '启用分页',
        field: 'showMore',
        value: false,
        effect: {
          help: '是否启用分页，默认每页显示5个，启用后会显示加载更多'
        }
      },
      { type: 'number', field: 'pageSize', title: '每页数量', value: 5 },

      {
        type: 'switch',
        field: 'cardClick',
        title: '卡片点击',
        value: false,
        effect: {
          help: '开启后，点击卡片即可触发广告'
        }
      },
      {
        type: 'switch',
        field: 'imitateAd',
        title: '模拟广告',
        value: false,
        effect: { help: '模拟广告，不显示真实广告，作为调试使用' }
      }
    ]
  }
}
